<template>
  <Doc class="markdown-body" />
</template>
<script>
import "@/assets/markdown.less";
import Prism from "prismjs";
import "@/assets/prism.css";

import { defineComponent } from "vue";
import Doc from "@/views/hjf/docs/1-markdown-to-vue.md";

export default defineComponent({
  name: "DocPreview",
  props: {
    name: String,
  },
  components: {
    Doc,
  },
  async mounted() {
    await this.$nextTick();
    Prism.highlightAll();
  },
});
</script>